Páginas HTML: extraer y manipular información

El siguiente ejemplo explica cómo automatizar la acción de navegar una página web, extrae información y utilizarla para crear una página HTML nueva y local. Presenta actividades como Introducir en, Hacer clic, Obtener texto y Abrir explorador. Podrás encontrar estas actividades en el paquete UiPath.UIAutomation.Activities.

Así es como se puede construir el proceso de automatización:

Abre Studio y crea un nuevo Proceso.
www.goodreads.comAbre Internet Explorer y dirígete a .

Arrastra un contenedor Diagrama de flujo hasta el Diseñador de flujo de trabajo.

Crea las siguientes variables:

Nombre de la variable	Tipo de variable	Valor predeterminado
`bookFound`	Cadena
`bookName`	ValorGenérico

Arrastra una actividad Cuadro de diálogo de entrada dentro del contenedor Diagramas de flujo y conéctalo al nodo Inicio.
- Haz doble clic en la actividad para abrirla.
- Añade la expresión "Book Name:" al campo Título.
- Añade la expresión "Enter the name of a book you read:" al campo Etiqueta.
- En el panel Propiedades, agrega la variable bookName en el campo Resultado.
- La actividad debería tener el aspecto de la siguiente Captura de pantalla:
Vuelve a la pantalla Diagramas de flujo.

Arrastra un contenedor Secuencia y conéctalo a la actividad del Cuadro de diálogo de entrada. .htmlEsto se utiliza para crear un nuevo archivo.

Cree la siguiente variable:

Nombre de la variable	Tipo de variable	Valor predeterminado
`fileExists`	Booleano

Haz doble clic en el contenedor Secuencia para abrirlo y arrastra una actividad Ruta Existente dentro.
- Selecciona la opción Archivo de la lista desplegable Tipo de Ruta.
- Añade la expresión "books.html" en el campo Ruta.
- En el panel de propiedades, añade la variable fileExistsen el campo Existente.
Arrastra una actividad Si a continuación de la actividad Ruta Existente.
- Añade la variable fileExistsen el campo Condición.
Coloca una actividad Escribir archivo de texto en el campo Si no.
- Añade la expresión "books.html" al campo NombreDelArchivo.
- Añade el código a continuación en el campo Texto.
  
  <html> <head> <title>Books</title> </head> <body> </body> </html>
- La actividad debería tener el aspecto de la siguiente Captura de pantalla:
Vuelve a la pantalla Diagramas de flujo.
Arrastra una actividad Abrir explorador y conéctalo al contenedor Secuencia.
- Haz doble clic en la actividad para abrirla.
- En el panel Propiedades, selecciona la opción IE en la lista desplegable TipoDeExplorador.
- Añade la expresión "https://www.goodreads.com/search"en el campo Url. Esto abre el sitio web determinado.
- Marca la casilla de verificación de la opción NuevaSesión. Esto abre una nueva sesión en el explorador seleccionado.

Selecciona el contenedor Hacer desde dentro de la actividad Abrir navegador y crea la siguiente variable:

Nombre de la variable	Tipo de variable	Valor predeterminado
`noResults`	ValorGenérico

Arrastra una actividad Introducir en dentro de la secuencia Hacer.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar la aplicación deseada. El siguiente GIF muestra todos los pasos que debes seguir:
- Agrega la variable bookName en el campo Texto.
Coloca una actividad Hacer clic a continuación de la actividad Introducir en.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar la aplicación deseada. El siguiente GIF muestra todos los pasos que debes seguir:
- En el Panel de propiedades, añade el valor 1000en el campo RetardoAntes. Hay un retraso de un segundo antes de realizar cualquier operación.
Arrastra una actividad Obtener texto a continuación de la actividad Hacer clic en "Entrada".
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar la aplicación deseada. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel Propiedades, agrega la variable noResultsen el campo Valor.
Arrastra una actividad Si a continuación de la actividad Obtener texto 'H3'.
- Añada la expresión noResults.toLower.Trim.Contains("no results") en el campo Condición.
Coloca un contenedor Secuencia dentro del campo Luego.
Arrastra una actividad Cuadro de mensajes dentro del contenedor Secuencia .
- "Book not found. Please search another one."Añade el mensaje en el campo Texto. Si no se obtiene resultado, entonces aparece este mensaje.
Arrastra una actividad Cerrar pestaña a continuación de la actividad Cuadro de mensaje. Esto cierra la pestaña abierta en el explorador web.
Coloca un contenedor Secuencia dentro del campo Si no.
Arrastra una actividad Obtener texto al interior del contenedor Secuencia.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar la aplicación deseada. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel Propiedades, agrega la variable bookFounden el campo Valor.
Arrastra una actividad Si a continuación de la actividad Obtener texto 'SPAN'.
- Añada la expresión bookFound.ToLower.Trim.Contains(bookName.ToLower.Trim) en el campo Condición.

Arrastra un contenedor Secuencia dentro del campo Luego y crea la siguiente variable:

Nombre de la variable	Tipo de variable	Valor predeterminado
`realName`	Cadena

Coloca una actividad Hacer clic dentro del contenedor Secuencia.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:

Get book DetailsArrastra otro contenedor Secuencia a continuación de la actividad Hacer clic en 'SPAN', nómbrala y crea las siguientes variables:

Nombre de la variable	Tipo de variable	Valor predeterminado
`description`	ValorGenérico
`author`	ValorGenérico
`booksContent`	Cadena
`alreadyExists`	Booleano

Arrastra una actividad Obtener texto al interior del contenedor Secuencia.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel Propiedades, agrega la variable realNameen el campo Valor.
Coloca una actividad Asignar a continuación de Obtener texto "H1 título del libro".
- Añade la variable realName en el campo Para.
- Agrega la expresión realName.Replace(":","").Replace("'","").Trim en el campo Valor.
Añade una actividad Ruta existente debajo de la actividad Asignar.
- Selecciona la opción Archivo de la lista desplegable TipoDeRuta.
- Añade la expresión Environment.CurrentDirectory+"\"+realName+".jpg" en el campo Ruta.
- En el panel de propiedades, añade la variable alreadyExistsen el campo Existente.
Arrastra otra actividad Si a continuación de la actividad Ruta Existente.
- Añade la variable alreadyExistsen el campo Condición.
Coloca un contenedor Secuencia dentro del campo Luego.
Arrastra una actividad Cuadro de mensajes dentro del contenedor Secuencia .
- Añade el mensaje "Book already added."en el campo Texto.
- En el panel Propiedades, selecciona la opción Aceptar en el menú desplegable Botones.
Arrastra una actividad Cerrar pestaña a continuación de la actividad Cuadro de mensaje. Esto cierra la pestaña abierta en el explorador web.
Coloca un contenedor Secuencia dentro del campo Si no.
Coloca otro contenedor Secuencia dentro del anterior.
Arrastra una actividad Obtener texto al interior del contenedor Secuencia.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel Propiedades, agrega la variable descriptionen el campo Valor.
Arrastra una actividad Obtener texto a continuación de la actividad obtenerDescripción.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel Propiedades, agrega la variable authoren el campo Valor.
Arrastra una actividad Hacer clic a continuación de la actividad obtenerAutor.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel de Propiedades, selecciona la opción BTN_RIGHT en la lista desplegable BotónDelRatón. Esta acción hace clic derecho en la imagen y aparece un menú.
- Añade el valor 89 en el campo DesplazamientoX
- Añade el valor 22 en el campo DesplazamientoY.
- Selecciona la opción SuperiorIzquierda de la lista desplegable Posición.
Arrastra una actividad Retraso a continuación de la actividad Hacer clic en la "IMG Imagen DePortada".
- En el Panel de propiedades, añade el valor 00:00:02en el campo Duración. Esto proporciona un retraso de dos segundos.
Coloca una nueva actividad Hacer clic a continuación de la actividad Retraso.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
Arrastra una actividad Introducir en a continuación de la actividad Haz clic en "elemento de menú".
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
- En el panel de propiedades, agrega la expresión Environment.CurrentDirectory+"\"+realName+".jpg"en el campo Texto.
Coloca una actividad Hacer clic a continuación de la actividad Introducir en.
- Dentro de la actividad, haz clic en la opción Indicar elemento dentro del explorador. Ahora puedes seleccionar el título del libro. El siguiente GIF muestra todos los pasos que debes seguir:
Arrastra una actividad Escribir archivo de tetxo debajo de la actividad Hacer clic en "Botón".
- Añade la expresión realName+".html" al campo NombreDelArchivo.
- Añade el siguiente código en el campo Texto.
```
"<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>""<html>
  <head>
    <title>"+realName+"</title>
  </head>
  <body>
    <a href='books.html'>BACK</a>
    <h1>"+realName+"</h1>
    <h2>by "+author+"</h2>
      <img href='"+realName+".jpg'>
    <h3>"+description+"</h3>
   </body>
 </html>"
```
Coloca una actividad Leer archivo de texto a continuación de la actividad Escribir archivo de texto.
- Añade la expresión "books.html" al campo NombreDelArchivo.
- Añade la variable booksContent en el campo Contenido.
Arrastra otra actividad Escribir archivo de texto debajo de la actividad Leer archivo de texto.
- Añade la expresión "books.html" al campo NombreDelArchivo.
- booksContent.Replace("</body></html>","<h1><a href='"+realName+".html'>"+realName+"</h1></body></html>")Añade string en el campo Texto.
Añade una actividad Cerrar pestaña a continuación de la actividad Escribir archivo de texto.
Arrastra una actividad Abrir Explorador a continuación de la actividad Cerrar pestaña. Esto abre el archivo .html creado recientemente.
- Selecciona la opción IE de la lista desplegable TipoDeExplorador.
- Añade la expresión "file:\\\"+Environment.CurrentDirectory+"\books.html"en el campo Url.
Vuelve a la actividad inicial Si y añade un contenedor Secuencia dentro del campo Si no.
Arrastra una actividad Cuadro de mensajes dentro del contenedor Secuencia .
- Añade la expresión "Book not found. Please check the name and try again" en el campo Texto.
Añade una actividad Cerrar pestaña a continuación de la actividad Escribir archivo de texto.
Ejecuta el flujo de trabajo. El proceso de automatización solicita un nombre de libro, lo busca en www.goodreads.com,recupera información sobre el libro, crea una página básica y la rellena con la información extraída.